<!DOCTYPE HTML><!--申明文档的类型-->
<html>
	<head lang='en'> <!-- lang属性规定翻译的语言:en-english英文 -->	
		<!--中文编码:gbk gb2312-->
		<meta http-equiv='content-type' content='text/html'/>
		<meta charset="utf-8"/>
		<meta name="Author" content="JTR."/>
		<meta name='KeyWords' content='关键字,关键词'/><!--SEO搜索引擎-->
		<meta name='Description' content='描述'/>
		<title id='tt'>index</title>
		<link rel="stylesheet" href="style/swiper.min.css" media="all">
		<link rel="stylesheet" href="style/base.css" media="all">
		<link rel="stylesheet" href="style/header.css" media="all">
		<link rel="stylesheet" href="style/main.css" media="all">
		<link rel="stylesheet" href="style/footer.css" media="all">
		<link rel="shortcut icon" href="http://static.smartisanos.cn/common/img/favicon.ico" type='image/x-icon'>
		<style type='text/css'>
			body{padding-bottom:0px;background-color: #ededed;}
		</style>
	</head>
	<body class=''>
		<!--网页头部-->
		<div id="header">
					<div class="wrap">
					<div class="header clearfix">
						<div class="logo fl-l va-middle"></div>
						<div class="nav fl-r va-middle">
							<ul class='clearfix' >
								<li><a href="###">在线商城</a></li>
								<li><a href="###">坚果 Pro</a></li>
								<li><a href="###">Smartisan M1 / M1L</a></li>
								<li><a href="###">Smartisan OS</a></li>
								<li><a href="###">欢喜云</a></li>
								<li><a href="###">应用下载</a></li>
								<li><a href="###">官方论坛</a></li>
								<li class="line-h"></li>
								<li class='fl-r clearfix'>
									<a class=' fl-l va-middle' href="###">
										<div class="icon user "></div>
									</a>
									<a class='fl-l va-middle' href="###">
										<div class="icon shop-car dis-ib pos-r">
											<span class='circle c-fff'>0</span>
											<div class="shop-car-content t-a-c">
												<div class="shop-link"></div>
												<img class='mar-t45 pad-25'src="images/img-header/cart-empty.png" alt="">
												<h4 class='f-siz24 c-000 f-wei-nor'>购物车为空</h4>
												<p class='c-ccc'>您还没有选购任何商品，现在前往商城选购吧！</p>
											</div></div>
									</a></li>
							</ul>		
						</div>
					</div>
				</div>
			</div>
		<!-- 网页头部滑动 -->
		<div id="header-scroll" class=''>
			<div class="container">
				<ul class='clearfix'>
					<li class='dot'><a class='f-wei-b' href="###">首页</a></li>
					<li class='dot'><a href="###">手机</a></li>
					<li class='dot'><a href="###">“足迹系列”手感膜</a></li>
					<li class='dot'><a href="###">官方配件</a></li>
					<li class='dot'><a href="###">周边产品</a></li>
					<li class='dot'><a href="###">第三方配件</a></li>
					<li class='dot'><a href="###">全部商品</a></li>
					<li><a href="###">服务</a></li>
				</ul>
			</div>
			<div  id='wrap' class="wrap hs-fixed ">
				<div class="container ">
					<ul class='clearfix'>
						<li class='dot'><a class='f-wei-b' href="###">首页</a></li>
						<li class='dot'><a href="###">手机</a></li>
						<li class='dot'><a href="###">“足迹系列”手感膜</a></li>
						<li class='dot'><a href="###">官方配件</a></li>
						<li class='dot'><a href="###">周边产品</a></li>
						<li class='dot'><a href="###">第三方配件</a></li>
						<li class='dot'><a href="###">全部商品</a></li>
						<li><a href="###">服务</a></li>
						<li class='last clearfix '>
							<a class='fl-r va-middle ' href="###">
								<div class="icon shop-car dis-ib pos-r">
									<span class='circle c-fff'>0</span>
									<div class="shop-car-content t-a-c">
										<div class="shop-link"></div>
										<img class='mar-t45 pad-25'src="images/img-header/cart-empty.png" alt="">
										<h4 class='f-siz24 c-000 f-wei-nor'>购物车为空</h4>
										<p class='c-ccc'>您还没有选购任何商品，现在前往商城选购吧！</p>
									</div>
								</div>
							</a>
							<a class=' fl-r va-middle ' href="###">
								<div class="icon user "></div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			
			<div id="back-top">
				<a id="back-top-a" href="#">
					<div class="line-w"></div>
					<div class="bt-tir"></div>
				</a>
			</div>
		</div>
		
		<!--网页主体部分-->
		<div id="main">
			<div class="wrap">
				<!-- 轮播 -->
				<div id='banner'class="swiper-container banner pos-r b-s">
					<ul class='swiper-wrapper'>
						<li class="swiper-slide items1 ">
							<img src="images/img-main/banner-1.png" alt="">
						</li>
						<li class="swiper-slide items2 ">
							<img class='' src="images/img-main/banner-2.png" alt="">
							
						</li>
						<li class="swiper-slide items3 ">
							<img src="images/img-main/banner-1.png" alt="">
						</li>
						<li class="swiper-slide items4 ">
							<img class='' src="images/img-main/banner-2.png" alt="">
							
						</li>
					</ul>
					<!-- <div class="swiper-pagination"></div> -->
					<div class='button-bar pos-a'>
						<!-- <li><a class='swiper-pagination-bullet ' href="###"></a></li>
						<li><a class='swiper-pagination-bullet ' href="###"></a></li>
						<li><a class='swiper-pagination-bullet ' href="###"></a></li>
						<li><a class='swiper-pagination-bullet ' href="###"></a></li> -->
					</div>
				</div>
				<!-- 活动价 -->
				<div class="active mar-t30 b-s">
					<ul class='fixclear'>
						<li class=''><a class='b-shadow2 pos-r' href="###"><img class='' src="images/img-main/active1.png" alt=""></a></li>
						<li><a class='b-shadow2 pos-r' href="###"><img src="images/img-main/active2.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r' href="###"><img src="images/img-main/active3.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active4.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active1.png" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active2.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active3.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active4.jpg" alt=""></a></li>
					</ul>						
				</div>
				<!-- 爆款价 -->
				<div class="hot mar-t30 b-s">
					<h2>热门商品</h2>
					<ul class='fixclear'>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-3.png" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan T恤 表情符</h4>
							<p class='c-aaa f-siz12 mar-b5'>100% 美国 SUPIMA 棉、舒适拉绒质地</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor c-dot2-c000"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>149.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-1.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan S-100 半入耳式线控耳机</h4>
							<p class='c-aaa f-siz12 mar-b5'>卓越的 14.2mm 发音单元、三按键式线控</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-cb73 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>99.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-2.jpg" alt="">
							<h4 class=' f-wei-nor f-siz16 mar-b5 elp'>Smartisan 快充移动电源 10000mAh</h4>
							<p class='c-aaa f-siz12 mar-b5'>10000mAh 双向快充、轻盈便携、高标准安全保护</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>199.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-4.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>坚果 Pro 钢化玻璃保护膜（前屏用）</h4>
							<p class='c-aaa f-siz12 mar-b5'>高达 92% 的超强透光率、耐刮花、防指纹</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>49.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>

						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-3.png" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan T恤 表情符</h4>
							<p class='c-aaa f-siz12 mar-b5'>100% 美国 SUPIMA 棉、舒适拉绒质地</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor c-dot2-c000"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>149.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-1.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan S-100 半入耳式线控耳机</h4>
							<p class='c-aaa f-siz12 mar-b5'>卓越的 14.2mm 发音单元、三按键式线控</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-cb73 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>99.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-2.jpg" alt="">
							<h4 class=' f-wei-nor f-siz16 mar-b5 elp'>Smartisan 快充移动电源 10000mAh</h4>
							<p class='c-aaa f-siz12 mar-b5'>10000mAh 双向快充、轻盈便携、高标准安全保护</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>199.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-4.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>坚果 Pro 钢化玻璃保护膜（前屏用）</h4>
							<p class='c-aaa f-siz12 mar-b5'>高达 92% 的超强透光率、耐刮花、防指纹</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>49.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>

					</ul>
				</div>
				<!-- 官方精品 -->
				<div class="boutique hot  mar-t30 b-s">
					<h2>官方精品</h2>
					<ul class=' fixclear '>
						<li class='b-shadow2 pos-r first'>
							<a href="###"><img src="images\img-main\sec2-1.jpg" alt=""></a>
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-2.jpg" alt="">
							<h4 class=' f-wei-nor f-siz16 mar-b5 elp'>Smartisan 快充移动电源 10000mAh</h4>
							<p class='c-aaa f-siz12 mar-b5'>10000mAh 双向快充、轻盈便携、高标准安全保护</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>199.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-4.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>坚果 Pro 钢化玻璃保护膜（前屏用）</h4>
							<p class='c-aaa f-siz12 mar-b5'>高达 92% 的超强透光率、耐刮花、防指纹</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>49.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>

						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-3.png" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan T恤 表情符</h4>
							<p class='c-aaa f-siz12 mar-b5'>100% 美国 SUPIMA 棉、舒适拉绒质地</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor c-dot2-c000"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>149.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-1.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan S-100 半入耳式线控耳机</h4>
							<p class='c-aaa f-siz12 mar-b5'>卓越的 14.2mm 发音单元、三按键式线控</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-cb73 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>99.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-2.jpg" alt="">
							<h4 class=' f-wei-nor f-siz16 mar-b5 elp'>Smartisan 快充移动电源 10000mAh</h4>
							<p class='c-aaa f-siz12 mar-b5'>10000mAh 双向快充、轻盈便携、高标准安全保护</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>199.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-4.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>坚果 Pro 钢化玻璃保护膜（前屏用）</h4>
							<p class='c-aaa f-siz12 mar-b5'>高达 92% 的超强透光率、耐刮花、防指纹</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>49.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
								
					</ul>
				</div>
				<!-- 品牌精选 -->
				<div class="selection boutique hot  mar-t30 b-s">
					<h2>品牌精选</h2>
					<ul class=' fixclear '>
						<li class='b-shadow2 pos-r first'>
							<a href="###"><img src="images\img-main\sec3-1.jpg" alt=""></a>
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-2.jpg" alt="">
							<h4 class=' f-wei-nor f-siz16 mar-b5 elp'>Smartisan 快充移动电源 10000mAh</h4>
							<p class='c-aaa f-siz12 mar-b5'>10000mAh 双向快充、轻盈便携、高标准安全保护</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>199.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-4.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>坚果 Pro 钢化玻璃保护膜（前屏用）</h4>
							<p class='c-aaa f-siz12 mar-b5'>高达 92% 的超强透光率、耐刮花、防指纹</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>49.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>

						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-3.png" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan T恤 表情符</h4>
							<p class='c-aaa f-siz12 mar-b5'>100% 美国 SUPIMA 棉、舒适拉绒质地</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 f-sty-nor c-dot2-c000"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>149.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-1.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>Smartisan S-100 半入耳式线控耳机</h4>
							<p class='c-aaa f-siz12 mar-b5'>卓越的 14.2mm 发音单元、三按键式线控</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-cb73 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-c000 f-sty-nor "></i></a>
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>99.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-2.jpg" alt="">
							<h4 class=' f-wei-nor f-siz16 mar-b5 elp'>Smartisan 快充移动电源 10000mAh</h4>
							<p class='c-aaa f-siz12 mar-b5'>10000mAh 双向快充、轻盈便携、高标准安全保护</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 c-dot2-caaa f-sty-nor"></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>199.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<img class=''src="images/img-main/sec1-4.jpg" alt="">
							<h4 class='f-wei-nor f-siz16 mar-b5'>坚果 Pro 钢化玻璃保护膜（前屏用）</h4>
							<p class='c-aaa f-siz12 mar-b5'>高达 92% 的超强透光率、耐刮花、防指纹</p>
							<div class="btn ">
								<a class='' href="###"><i class="c-dot2 f-sty-nor "></i></a>
							</div>
							<span class='price c-f00 f-siz16'>
								<i class='f-sty-nor f-siz12 '>￥</i>49.00
							</span>
							<div class="choice dis-n">
								<div class="more btn1">查看详情</div>
								<div class="buy btn1">加入购物车</div>
							</div>	
						</li>
								
					</ul>
				</div>	
				<!-- 锤子科技动态 -->
				<div class="t-active active mar-t30 b-s">
					<h2>锤子科技动态</h2>
					<ul class='fixclear'>	
						<li><a class='b-shadow2 pos-r' href="###"><img src="images/img-main/sec4-1.png" alt=""></a></li>
						<li><a class='b-shadow2 pos-r' href="###"><img src="images/img-main/sec4-2.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/sec4-3.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/sec4-4.jpg" alt=""></a></li>
						<li class=''><a class='b-shadow pos-r' href="###"><img src="images/img-main/active1.png" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active2.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active3.jpg" alt=""></a></li>
						<li><a class='b-shadow2 pos-r'  href="###"><img src="images/img-main/active4.jpg" alt=""></a></li>
					</ul>						
				</div>
				<!-- 锤子应用 -->
				<div class="t-apply hot mar-t30 b-s">
					<h2 class='pos-r '>
						锤子应用
						<div class="btn2 pos-a t20 r1 f-siz14 t-ind18">全部应用&nbsp;&gt;</div>
					</h2>
					<ul class='fixclear'>
						<li class='b-shadow pos-r'>
							<div class="img app"></div>
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15'>HandShaker</h4>
							<p class='c-aaa f-siz12 mar-b5'>在 Mac 和 Windows 电脑上也可以方便自如地</p>
							<p class='c-aaa f-siz12 mar-b5'>管理你在 Android 手机中的内容</p>
							<div class="app-icon mar-t15 ">
								<img class='ver-a-m'src="images/img-main/sec5-2.png" alt="">
								<span class="dis-ib  f-siz5 mar-l5 mar-r5 c-ccc">|</span>
								<img class='ver-a-m'src="images/img-main/sec5-3.png" alt="">
							</div>
							<div class="choice pos-a t l dis-n z-i99">
								<div class="dis-b buy btn1 mar-b20 ">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-2.png" alt="">下载windows版安装文件
								</div>
								<br />
								<div class="dis-b buy btn1 mar-b25">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-3.png" alt="">下载Mac版安装文件
								</div>
								<p class='mar-t25 f-siz12 c-82a'>进一步了解HandShaker&nbsp;&gt;</p>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<div class="img note"></div>
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15'>HandShaker</h4>
							<p class='c-aaa f-siz12 mar-b5'>在 Mac 和 Windows 电脑上也可以方便自如地</p>
							<p class='c-aaa f-siz12 mar-b5'>管理你在 Android 手机中的内容</p>
							<div class="app-icon mar-t15 ">
								<img class='ver-a-m'src="images/img-main/sec5-2.png" alt="">
								<span class="dis-ib  f-siz5 mar-l5 mar-r5 c-ccc">|</span>
								<img class='ver-a-m'src="images/img-main/sec5-3.png" alt="">
							</div>
							<div class="choice pos-a t l dis-n z-i99">
								<div class="dis-b buy btn1 mar-b20 ">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-2.png" alt="">下载windows版安装文件
								</div>
								<br />
								<div class="dis-b buy btn1 mar-b25">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-3.png" alt="">下载Mac版安装文件
								</div>
								<p class='mar-t25 f-siz12 c-82a'>进一步了解HandShaker&nbsp;&gt;</p>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<div class="img desk"></div>
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15'>HandShaker</h4>
							<p class='c-aaa f-siz12 mar-b5'>在 Mac 和 Windows 电脑上也可以方便自如地</p>
							<p class='c-aaa f-siz12 mar-b5'>管理你在 Android 手机中的内容</p>
							<div class="app-icon mar-t15 ">
								<img class='ver-a-m'src="images/img-main/sec5-2.png" alt="">
								<span class="dis-ib  f-siz5 mar-l5 mar-r5 c-ccc">|</span>
								<img class='ver-a-m'src="images/img-main/sec5-3.png" alt="">
							</div>
							<div class="choice pos-a t l dis-n z-i99">
								<div class="dis-b buy btn1 mar-b20 ">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-2.png" alt="">下载windows版安装文件
								</div>
								<br />
								<div class="dis-b buy btn1 mar-b25">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-3.png" alt="">下载Mac版安装文件
								</div>
								<p class='mar-t25 f-siz12 c-82a'>进一步了解HandShaker&nbsp;&gt;</p>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<div class="img forum"></div>
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15'>HandShaker</h4>
							<p class='c-aaa f-siz12 mar-b5'>在 Mac 和 Windows 电脑上也可以方便自如地</p>
							<p class='c-aaa f-siz12 mar-b5'>管理你在 Android 手机中的内容</p>
							<div class="app-icon mar-t15 ">
								<img class='ver-a-m'src="images/img-main/sec5-2.png" alt="">
								<span class="dis-ib  f-siz5 mar-l5 mar-r5 c-ccc">|</span>
								<img class='ver-a-m'src="images/img-main/sec5-3.png" alt="">
							</div>
							<div class="choice pos-a t l dis-n z-i99">
								<div class="dis-b buy btn1 mar-b20 ">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-2.png" alt="">下载windows版安装文件
								</div>
								<br />
								<div class="dis-b buy btn1 mar-b25">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-3.png" alt="">下载Mac版安装文件
								</div>
								<p class='mar-t25 f-siz12 c-82a'>进一步了解HandShaker&nbsp;&gt;</p>
							</div>	
						</li>
						<li class='b-shadow pos-r'>
							<div class="img app"></div>
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15'>HandShaker</h4>
							<p class='c-aaa f-siz12 mar-b5'>在 Mac 和 Windows 电脑上也可以方便自如地</p>
							<p class='c-aaa f-siz12 mar-b5'>管理你在 Android 手机中的内容</p>
							<div class="app-icon mar-t15 ">
								<img class='ver-a-m'src="images/img-main/sec5-2.png" alt="">
								<span class="dis-ib  f-siz5 mar-l5 mar-r5 c-ccc">|</span>
								<img class='ver-a-m'src="images/img-main/sec5-3.png" alt="">
							</div>
							<div class="choice pos-a t l dis-n z-i99">
								<div class="dis-b buy btn1 mar-b20 ">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-2.png" alt="">下载windows版安装文件
								</div>
								<br />
								<div class="dis-b buy btn1 mar-b25">
									<img class='ver-a-m mar-r5'src="images/img-main/sec5-3.png" alt="">下载Mac版安装文件
								</div>
								<p class='mar-t25 f-siz12 c-82a'>进一步了解HandShaker&nbsp;&gt;</p>
							</div>	
						</li>
					</ul>
				</div>
				<!-- 论坛精选 -->
				<div class="t-forum t-apply hot mar-t20  b-s">
					<h2 class='pos-r '>
						论坛精选
						<div class="btn2 pos-a t20 r1 f-siz14 t-ind18">前往论坛&nbsp;&gt;</div>
					</h2>
					<ul class='fixclear'>
						<li class='b-shadow pos-r'>
							<img class='b-rad5' src="images/img-main/sec6-1.jpg" width='246px'talt="">
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15 t-a-l pad-l30 pad-r30'>“人造人罗永浩” 3 分 28 秒为您介绍 Smartisan OS</h4>
							<p class='c-aaa f-siz12 mar-b10 elp2 t-a-l pad-l30 pad-r30'>全程用讯飞的配音阁技术制作，假装是老罗在为您讲解锤子手机的操作系统 Smartisan OS 的功能，几乎能以假乱真！超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸）功能，还有精美的 UI 设计，只需3分28秒即可了.</p>
							<a class='dis-b pad-l30 pad-r30 mar-b10 t-a-l c-82a f-siz12  '>阅读全文&nbsp;&gt;</a>
						</li>
						<li class='b-shadow pos-r'>
							<img class='b-rad5' src="images/img-main/sec6-2.jpg" width='246px'talt="">
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15 t-a-l pad-l30 pad-r30'>“人造人罗永浩” 3 分 28 秒为您介绍 Smartisan OS</h4>
							<p class='c-aaa f-siz12 mar-b10 elp2 t-a-l pad-l30 pad-r30'>全程用讯飞的配音阁技术制作，假装是老罗在为您讲解锤子手机的操作系统 Smartisan OS 的功能，几乎能以假乱真！超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸）功能，还有精美的 UI 设计，只需3分28秒即可了.</p>
							<a class='dis-b pad-l30 pad-r30 mar-b10 t-a-l c-82a f-siz12  '>阅读全文&nbsp;&gt;</a>
						</li>
						<li class='b-shadow pos-r'>
							<img class='b-rad5' src="images/img-main/sec6-3.jpg" width='246px'talt="">
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15 t-a-l pad-l30 pad-r30'>“人造人罗永浩” 3 分 28 秒为您介绍 Smartisan OS</h4>
							<p class='c-aaa f-siz12 mar-b10 elp2 t-a-l pad-l30 pad-r30'>全程用讯飞的配音阁技术制作，假装是老罗在为您讲解锤子手机的操作系统 Smartisan OS 的功能，几乎能以假乱真！超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸）功能，还有精美的 UI 设计，只需3分28秒即可了.</p>
							<a class='dis-b pad-l30 pad-r30 mar-b10 t-a-l c-82a f-siz12  '>阅读全文&nbsp;&gt;</a>
						</li>
						<li class='b-shadow pos-r'>
							<img class='b-rad5' src="images/img-main/sec6-4.jpg" width='246px'talt="">
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15 t-a-l pad-l30 pad-r30'>“人造人罗永浩” 3 分 28 秒为您介绍 Smartisan OS</h4>
							<p class='c-aaa f-siz12 mar-b10 elp2 t-a-l pad-l30 pad-r30'>全程用讯飞的配音阁技术制作，假装是老罗在为您讲解锤子手机的操作系统 Smartisan OS 的功能，几乎能以假乱真！超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸）功能，还有精美的 UI 设计，只需3分28秒即可了.</p>
							<a class='dis-b pad-l30 pad-r30 mar-b10 t-a-l c-82a f-siz12  '>阅读全文&nbsp;&gt;</a>
						</li>
						<li class='b-shadow pos-r'>
							<img class='b-rad5' src="images/img-main/sec6-1.jpg" width='246px'talt="">
							<h4 class='f-wei-nor f-siz16 c-444 mar-b15 t-a-l pad-l30 pad-r30'>“人造人罗永浩” 3 分 28 秒为您介绍 Smartisan OS</h4>
							<p class='c-aaa f-siz12 mar-b10 elp2 t-a-l pad-l30 pad-r30'>全程用讯飞的配音阁技术制作，假装是老罗在为您讲解锤子手机的操作系统 Smartisan OS 的功能，几乎能以假乱真！超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸）功能，还有精美的 UI 设计，只需3分28秒即可了.</p>
							<a class='dis-b pad-l30 pad-r30 mar-b10 t-a-l c-82a f-siz12  '>阅读全文&nbsp;&gt;</a>
						</li>
					</ul>
				</div>
			
			</div>
		</div>

		<!-- 网页页尾-->
		<div id="footer">
			<div class="wrap">
				<div class="container clearfix">
					<!-- 导航 -->
					<div class="banner fl-l">
						<table>
							<tr>
								<th>订单服务</th>
								<th>服务支持</th>
								<th>自助服务</th>
								<th>媒体中心</th>
								<th>关于公司</th>
								<th>关注我们</th>
							</tr>
							<tr>
								<td><a href="###">购买指南</a></td>
								<td><a href="###">售后服务</a></td>
								<td><a href="###">热点咨询</a></td>
								<td><a href="###">新闻动态</a></td>
								<td><a href="###">公司简介</a></td>
								<td><a href="###">新浪微博</a></td>
							</tr>
							<tr>
								<td><a href="###">支付方式</a></td>
								<td><a href="###">维修门店</a></td>
								<td><a href="###">预约购买</a></td>
								<td><a href="###">官方视频</a></td>
								<td><a href="###">加入我们</a></td>
								<td><a href="###">官方微信</a></td>
							</tr>
							<tr>
								<td><a href="###">送货政策</a></td>
								<td><a href="###">零售门店</a></td>
								<td><a href="###">订单物流</a></td>
								<td><a href="###">图片资源</a></td>
								<td><a href="###">联系我们</a></td>
								<td><a href="###">官方贴吧</a></td>
							</tr>
						</table>
					</div>
					<div class="help fl-r t-a-c">
						<h1 class='mar-b5'>400-619-0909</h1>
						<p class='c-ccc mar-b10'>周一至周日 9:00-18:00（仅收市话费）</p>
						<div class="btn-help ">
							<span class='cri'>?</span>
							<span>在线帮助</span>
						</div>
					</div>
					<div class="line fl-l mar-t40"></div><!-- 分割线 -->
					<!-- 版权 -->
					<div class="copyright fl-l f-siz12 pos-r">
						<div class="content  pad-t40 l-f ">
							<p class='c-444 '>
								<span class='dis-ib mar-r10'>Copyright © 2017, Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司</span>
								<i class="line-h "></i>
								<a class='mar-r10 mar-l10 hov-c507' href="###">法律声明</a>
								<i class="line-h "></i>
								<a class='mar-r10 mar-l10 hov-c507' href="###">隐私条款</a>
								<i class="line-h "></i>
								<a class='mar-r10 mar-l10 hov-c507' href="###">开发者中心</a>
							</p>
							<p>
								<a class='mar-r25' href="###">京ICP备14041720号-1</a>
								<a class='mar-r25' href="###">京ICP证140622号</a>
								<a class='mar-r25' href="###">京公网安备11010502025474</a>
							</p>
						</div>
						<div class="lang fl-r dis-ib pos-a t16 r cur-p ">
							<div class="dis-ib flag ver-a-m "></div>
							<span class='mar-l5 ver-a-m c-444'>中文</span>
							<span class="mar-l25 tri-t-3"></span>
						</div>	
					</div>
				</div>
			</div>
		</div>
			
		<script type='text/javascript' src='js/swiper.min.js'></script>		
		<script type="text/javascript">
			//title
			window.onload = function(){
				var t = document.getElementById('tt');
				t.innerHTML = '锤子科技官网';
			}
			// 滚动条
			var hScroll = document.querySelector('#wrap');
			var oheader = document.getElementById('header');
			var oBanner = document.getElementById('banner');
			var oh = oheader.offsetHeight + hScroll.offsetHeight/3;
			var oh2 = oheader.offsetHeight + hScroll.offsetHeight + oBanner.offsetHeight;
			var backTop = document.getElementById('back-top-a');
			window.onscroll = function(e){
				var e = e || window.event;
				var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
				console.log(oh2);
				hScroll.style.top = (scrolltop >= oh ? 0:-999) + 'px'; 
				backTop.style.bottom = (scrolltop>= oh2 ?25:-999) + 'px';
			};
			//轮播图
			var mySwiper = new Swiper('.swiper-container',{
				//Slides的滑动方向，可设置水平(horizontal)或垂直(vertical)。
				autoplay:2000,
				speed:1000,
				//用户操作swiper之后，是否禁止autoplay。默认为true：停止。
				autoplayDisableOnInteraction : false,
				//手型
				grabCursor : true,
				//设定为true将slide的宽和高取整(四舍五入)以防止某些分辨率的屏幕上文字或边界(border)模糊。
				roundLengths : true, 
				//----------------分页器
				//pagination : '.swiper-pagination',
				pagination : '.button-bar',
				//让分页器控制swiper的播放
				paginationClickable :true,		
				//设定分页器指示器（小点）的HTML标签
				//paginationElement : 'a',									
				/*=== 轮播效果 ===*/
				//effect : 'fade',
				//effect : 'cube',
				//effect : 'cube',
				//effect : 'flip',
				/*
				effect : 'coverflow',
				slidesPerView: 3,
				centeredSlides: true,
				*/
			});						
		</script>
	</body>
</html>